<!DOCTYPE html>
<html>
<head lang="ch">
    <meta charset="UTF-8">
    <meta name=”viewport” content="width=device-width, user-scalable=no, initial-scale=1.0">
    <title>欢迎来到 读了么！</title>
    <script type="text/javascript">
        window.onload=function () {
                var a = 1;
                if (a == 1) {
                    alert("kong");
                    document.getElementById("login").style.display = "inline";
                    document.getElementById("avatar").style.display = "none";
                    document.getElementById("buy_car").style.display = "none";
                } else {
                    document.getElementById("login").style.display = "none";
                    document.getElementById("avatar").style.display = "inline";
                    document.getElementById("buy_car").style.display = "inline";
                }
            }
    </script>
    <link href="style/Home.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="headd">
    <div class="head_d">
        <div class="logo_h">
            <img src="picture/logo.png">
            <span>读了么好书推荐</span>
        </div>
        <div class="href_h">
            <a href="#">首页</a>
            <a href="Login.html">去登陆/注册</a>
        </div>
    </div>
</header>
<div id="container" style="height: 100% ;width: 100%">
    <div class="section" id="section0">
        <div class="content">
            <div class="ctt1">
                <div class="bName"><span>《星际穿越》</span></div>
                <div class="bAuthor"><span>[美]基普·索恩</span></div>
                <div class="aExplan"><span>&nbsp;&nbsp;&nbsp;&nbsp;全球顶尖理论物理学家，引力物理与天体物理学领域的集大成者，当今世界研究广义相对论下天体物理学领域的领导者之一。</span>
                </div>
                <div class="bExplan"><span>天体物理学巨擘基普·索恩写给所有人的天文学通识读本，媲美霍金《时间简史》的又一里程碑式著作！好莱坞顶级导演克里斯托弗•诺兰、欧阳自远等3大院士、李淼、魏坤琳（Dr.魏）等5大顶尖科学家、《三体》作者刘慈欣联袂推荐！
在《星际穿越》之后，这一系列问题全世界都在问！本书将会告诉你答案！
为什么黑洞会吞噬一切，甚至连光都不能幸免？
为什么虫洞不是一个洞，而是一个球？
又是什么神奇的力量，让米勒星球上的一小时等于地上七年？
最简明清晰的时间与空间理论入门读本。基普·索恩教授，电影《星际穿越》的唯一科学指导，以浅显易懂的语言一一破解了宇宙中的让人瞠目结舌的奇景——大爆炸、黑洞、时空弯曲、潮汐力、虫洞、引力弹弓、星际旅行等，解释了所有推动剧情的天体物理学理论，还就内容的真实性将书中的科学知识分为三种：科学事实、有根据的推测和猜想，并做了明确的标注，以帮助我们解开所有剧情设计与时空旅行之谜！</span>
                </div>
                <div class="bComment"><span>在原有的思想维度上构建出一个新的维度是相当困难的，这意味着你要付出更多的时间和努力，来理解和接纳一个全新的世界。就像我刚接触这些前沿物理知识时，以原有的知识结构根本理解不了，可是当这些知识碎片慢慢拼接起来时，就像是爱丽丝掉进了兔子的洞里，眼前出现了崭新的、明媚的、梦幻般的空间。如果你一直处于最小的维度，或者干脆零维，我敢说，想成功、想幸福几乎不可能。爱因斯坦有句话，如果一直做同样的事，就别期待不同的结果。我们当下这个浮躁的、焦虑的社会，奉行的是一种速成的、简单答案的干货文化，而沉静的、没有戏剧效果的修行功夫很少有人去练。当我们特别渴望干货的时候，是不是就在对自己实施一种降维工程？我们是不是也应该去拥抱无用，拥抱冗余，结交无用的朋友，找一个无用的爱好，去一个成不了景点的地方旅游，没有好处地去帮助他人？一样东西，一种知识，如果跟当下的需求不匹配，但却会跟另一个场景、另一个维度的需求存在潜在的匹配。</span></div>
            </div>
        </div>
    </div>
    <div class="section" id="section1">
        <div class="content">
            <div class="ctt2">
                <div class="bName"><span>《1900：独白》</span></div>
                <div class="bAuthor"><span>[意]亚利桑德罗·巴里克</span></div>
                <div class="aExplan"><span>&nbsp;&nbsp;&nbsp;&nbsp;巴里克，1958年01月25日出生于皮埃蒙特大区都灵，意大利编剧、演员、导演。作品有《Novecento》等。</span>
                </div>
                <div class="bExplan"><span>一直都是这样，迟早会有那么个人抬头一望……就看到了。这很难说个清楚，我是想说……在这艘船上数以千计的乘客当中，从度假中的阔佬、移民到各类形形色色的古怪旅人……可是，却总有人，率先头一个……看到它。这个人也许在用膳，也许在闲荡，要不恰巧在甲板上……要不在拉身上的裤子……他抬起头向大西洋望了一眼……就看到了。然后他整个人呆若木鸡僵在那里，心跳旋即加速，每一次，他妈的!每一次喔!我发誓!他一定会转过头来，对著我们大夥儿，对著船，喊道(◤缓缓地◢):美利坚。而后他整个人木头人似的站在那儿动也不动，就好像要拍照一样，俨然一副凭他一己之力打造美利坚的表情。下工后的许多夜晚，有时甚至周日也没闲著;或许他的连襟会来帮点忙，挺不错的砌砖汉子……起初只想用夹板做个东西，后来嘛……就随大势所趋，打造美利坚……这是一处 寂静的窗户所 能带领自己的灵魂 骤然发现自己的漠然的世界 一片欢舞 一片寂静</span>
                </div>
                <div class="bComment1">
                    <span>我的出生伴随未知，在生活的外部，
时间再次站在指针上等待跳入新的旧时代。
我死去了，像一个没有变数的秘密，
短暂的一生，我没有战胜偶然上的偶然。

在我不断缩紧的生命中，海洋依旧宽阔
如硕大的蓝色手掌，巨轮陷在它的柔软里。
黑与白分割我朴素的日子，我弹奏过的
美与丑，登上我因虚弱而拒绝的陆地。

想起那张被折断的唱片和街道上的渔店，
我抑制自己，不想再次站在舷梯上的可能。
没有离开，我活在我没有认识的大海上，
因长久的颠簸，我的体内满是簧片的水声。

轮船走到尽头，钢琴与吊灯换成炸药，
在海浪声里抚摸虚无中的琴键，我闭上双眼。
船体爆炸破碎后的坠水声像大海的嗓音，
它告诉我俗世生活的秘密，我已无法告诉他人。</span></div>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="content">
            <div class="ctt3">
                <div class="bName"><span>《C++编程思想》</span></div>
                <div class="bAuthor"><span></span></div>
                <div class="aExplan"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                <div class="bExplan"><span></span></div>
                <div class="bComment"><span></span></div>
            </div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="content">
            <div class="ctt4">
                <div class="bName"><span></span></div>
                <div class="bAuthor"><span></span></div>
                <div class="aExplan"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                <div class="bExplan"><span></span></div>
                <div class="bComment"><span></span></div>
            </div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="content">
            <div class="ctt5">
                <div class="bName"><span></span></div>
                <div class="bAuthor"><span></span></div>
                <div class="aExplan"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                <div class="bExplan"><span></span></div>
                <div class="bComment"><span></span></div>
            </div>
        </div>
    </div>
    <div class="section" id="section5">
        <div class="content">
            <div class="ctt6">
                <div class="bName"><span></span></div>
                <div class="bAuthor"><span></span></div>
                <div class="aExplan"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
                <div class="bExplan"><span></span></div>
                <div class="bComment"><span></span></div>
            </div>
        </div>
    </div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    var curIndex = 0;
    var container = $("#container");
    var sumCount = $(".section").length;
    var $window = $(window);
    var duration = 500;
    //时间控制
    var aniTime = 0;

    var scrollFunc = function (e) {
        //如果动画还没执行完，则return
        if (new Date().getTime() < aniTime + duration) {
            return;
        }
        e = e || window.event;
        var t = 0;
        if (e.wheelDelta) {//IE/Opera/Chrome
            t = e.wheelDelta;
            if (t > 0 && curIndex > 0) {
                //上滚动
                movePrev();
            } else if (t < 0 && curIndex < sumCount - 1) {
                //下滚动
                moveNext();
            }
        } else if (e.detail) {//Firefox
            t = e.detail;
            if (t < 0 && curIndex > 0) {
                //上滚动
                movePrev();
            } else if (t > 0 && curIndex < sumCount - 1) {
                //下滚动
                moveNext();
            }
        }
    };

    function moveNext() {
        //获取动画开始时的时间
        aniTime = new Date().getTime();
        container.css("transform", "translate3D(0, -" + (++curIndex) * $window.height() + "px, 0)");
    }

    function movePrev() {
        //获取动画开始时的时间
        aniTime = new Date().getTime();
        container.css("transform", "translate3D(0, -" + (--curIndex) * $window.height() + "px, 0)");
    }

    function init() {
        /*注册事件*/
        if (document.addEventListener) {
            document.addEventListener('DOMMouseScroll', scrollFunc, false);
        }//W3C
        window.onmousewheel = document.onmousewheel = scrollFunc;//IE/Opera/Chrome

        container.css({
            "transition": "all 0.5s",
            "-moz-transition": "all 0.5s",
            "-webkit-transition": "all 0.5s"
        });
    }

    init();
</script>
</body>
</html>

